<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/pages/template.xhtml">
	<ui:define name="corpo">
		<p:panel id="panel" header="#{msgs['form.relatorio.label.titulo']}">
			<p:messages />
			<h:form id="relatorioForm">
				<p:panelGrid id="panelFuncionario" styleClass="tabela" rendered="#{PermissoesBean.rh}">
					<p:row>
						<p:column style="text-align:left; width:135px;">
							<h:outputLabel
								value="#{msgs['form.relatorio.label.selecaoFuncionario']}#{msgs['form.label.doispontos']} " />
						</p:column>
						<p:column colspan="3">
							<p:selectOneMenu id="comboFuncionario"
								value="#{filtroRelatorio.idFuncionario}">
                                <f:selectItem itemLabel="selecione"/>
								<f:selectItems value="#{relatorioManagedBean.escolhasFuncionarios}" />
							</p:selectOneMenu>
						</p:column>
					</p:row>
				</p:panelGrid>
				<p:panelGrid id="filtroRel" styleClass="tabela">
					<p:row>
						<p:column style="text-align: left; width: 135px;">
							<h:outputLabel value="#{msgs['form.relatorio.label.dtinicial']}#{msgs['form.label.doispontos']}" />
						</p:column>
						<p:column colspan="3">
							<p:calendar styleClass="calendar"
								value="#{filtroRelatorio.inicio}"
								id="dtInicial" showOn="button"
								pattern="#{msgs['sistema.formato.data']}" timeOnly="false"/>
						</p:column>
					</p:row>

					<p:row>
						<p:column style="text-align: left; width: 135px;">
							<h:outputLabel value="#{msgs['form.relatorio.label.dtfinal']}#{msgs['form.label.doispontos']}" />
						</p:column>
						<p:column colspan="3">
							<p:calendar styleClass="calendar"
								value="#{filtroRelatorio.termino}"
								id="dtFinal" showOn="button"
								pattern="#{msgs['sistema.formato.data']}" timeOnly="false"/>
						</p:column>
					</p:row>
					<p:row>
						<p:column style="text-align:left; width:135px;">
							<h:outputLabel value="#{msgs['form.relatorio.label.selecaoStatus']}#{msgs['form.label.doispontos']} " />
						</p:column>
						<p:column colspan="3">
							<p:selectOneMenu id="selecaoStatus" value="#{filtroRelatorio.status}">
                                <f:selectItem itemLabel="selecione"/>
								<f:selectItems value="#{relatorioManagedBean.escolhasStatus}" />
							</p:selectOneMenu>
						</p:column>
					</p:row>
				</p:panelGrid>

				<p:commandButton id="btGerarRelatorio"
					value="#{msgs['form.relatorio.botao.gerarRel']}"
					action="#{relatorioManagedBean.geraRelatorio}"
                    ajax="false"
					icon="ui-icon-circle-arrow-e">
				</p:commandButton>

                <p:commandButton id="brAtualizaConsulta"
                                 value="#{msgs['form.relatorio.botao.consultar']}"
                                 ajax="false"
                                 icon="ui-icon-circle-arrow-e"
                                 action="#{relatorioManagedBean.consultar}"
                        />

             </h:form>
            <h:form id="tabelaResultados">
                <p:dataTable var="ocorrencia"
                             value="#{relatorioManagedBean.resultado}"
                             paginator="true"
                             rows="3"
                             emptyMessage="#{msgs['consulta.semregistro']}"
                             lazy="true"
                             binding="#{relatorioManagedBean.dataTable}"
                        >
                    <p:column>
                        <f:facet name="header">
                        </f:facet>
                        <a href="justificativa.jsf?id=#{ocorrencia.id}">
                            <img src="../resources/imagens/actn103.gif" border="0" alt="#{msgs['doclink.img.alt.cliqueaqui']}" />
                        </a>
                    </p:column>
                    <p:column rendered="#{PermissoesBean.rh}">
                        <f:facet name="header">
                            <h:outputText value="#{msgs['relatorio.gerencial.tabela.header.label.solicitante']}"/>
                        </f:facet>
                        <h:outputText value="#{ocorrencia.solicitante}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msgs['relatorio.usuario.tabela.header.label.dataocorrencia']}" />
                        </f:facet>
                        <h:outputText value="#{ocorrencia.periodoDatas}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msgs['relatorio.usuario.tabela.header.label.horario']}" />
                        </f:facet>
                        <h:outputText value="#{ocorrencia.periodo}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msgs['relatorio.usuario.tabela.header.label.motivo']}" />
                        </f:facet>
                        <h:outputText value="#{ocorrencia.motivo}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msgs['relatorio.usuario.tabela.header.label.complemento']}" />
                        </f:facet>
                        <h:outputText value="#{ocorrencia.complemento}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msgs['relatorio.usuario.tabela.header.label.situacao']}" />
                        </f:facet>
                        <h:outputText value="#{ocorrencia.status}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText
                                    value="#{msgs['relatorio.usuario.tabela.header.label.decisao']}" />
                        </f:facet>
                        <h:outputText value="#{ocorrencia.tipoDecisao}" />
                    </p:column>
                </p:dataTable>
			</h:form>
		</p:panel>
		<p:separator style="margin-top: 20px;" />
	</ui:define>
</ui:composition>
</html>